<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>

    <div class="dingduan clearfix">
        <div class="pangtang">
            <img src="./img/胖糖.jpg" alt="">
            <div class="shouye fr ">
                <ul class="shouye1">
                    <a href=""><li style="color: black;">首页</li></a>
                    <span style="position: absolute;top: 65px;left: 0px; color: gray   ;font-size: 17px;">home</span>
                    <a href=""><li style="color: black;">游戏</li></a>
                    <span style="position: absolute; top: 65px;left: 125px;color: gray; font-size: 17px;">game</span>
                    <a href="./html/list.html"><li style="color: black;">案例</li></a>
                    <span style="position: absolute; top: 65px;left: 260px;color: gray; font-size: 17px;">Case</span>
                    <a href=""><li style="color: black;">关于我们</li></a>
                    <span style="position: absolute; top: 65px;left: 395px;color: gray; font-size: 17px;">About
                        us</span>
                    <li><img src="./img/微博.jpg" alt=""></li>
            </div>
        </div>
    </div>
    <div  >
        <img style="width: 100%;" src="./img/666.png" alt="">
    </div>
    <div>
        <div class="zhongxiabu">
            <div class="tu1 fl">
                <img src="./img/step1.png" alt="" width="178px" height="177px">
                <h2 class="ziti">STEP ONE</h2>
                <p>选择一个游戏，换图</p>
            </div>
            <div class="tu2 fl">
                <img src=" ./img/step2.png" alt="" width="178px" height="177px">
                <h2 style="margin-left: -50px;" class="ziti">THE SECOND STEP</h2>
                <p style="margin-left:-20px">选择一个游戏，换图</p>
            </div>
            <div class="tu3 fl">
                <img src="./img/step3.png" alt="" width="178px" height="177px">
                <h2 class="ziti">THE THIRD STEP</h2>
                <p>选择一个游戏，换图</p>
            </div>
                <div class="tuoyuan"></div>
                <div class="fangfa"><h2>使用方法</h2></div>
                <div class="Methods">use Methods</div>
        </div>
        <div>
    </div>
    <div class="zuidibu">
        <p class="banquan">2014 Pangtang. All Rights Reserved. 版权所有</p>  
       </div>
</body>

</html>